<!DOCTYPE html>
<html lang="en">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <title>Estrella Blanca</title>
        <meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=no" />
        <meta name="description" content="Motion - Responsive vCard Template" />
        <meta name="keywords" content="jmpress, slideshow, container, plugin, jquery, css3" />
        <meta name="author" content="lmtheme" />
        <link rel="shortcut icon" href="../favicon.html"> 
        <link rel="stylesheet" href="css/skeleton.css">
        <link rel="stylesheet" href="css/jquery.jscrollpane.css" type="text/css" media="all" /> 
        <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="all" />
        <link rel="stylesheet" href="css/jquery.qtip.css" type="text/css" media="all" />
        <link rel="stylesheet" href="preview/jquery.slidePanel.css" type="text/css" media="all" />
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
        <link rel="stylesheet" type="text/css" href="javascript/slider/themes/default/jquery.slider.css">

		<!-- jQuery -->
		<script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>
		<!-- jmpress plugin -->
		<script src="js/jms.js" type="text/javascript"></script>
		<!-- extends the jmpress plugin -->
		<script src="js/jmpress.js" type="text/javascript"></script>
        <!-- jQuery Easing 1.3 -->
		<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
        <!-- Detect Mobile Browser -->
		<script src="js/detectmobilebrowser.js" type="text/javascript"></script>
        <!-- jScrollpane -->
		<script src="js/mousewheel.js" type="text/javascript" ></script>     
        <!-- jScrollpane -->
		<script src="js/jquery.jscrollpane.min.js" type="text/javascript"></script> 
        <!-- Quicksand -->  
        <script src="js/jquery.quicksand.js" type="text/javascript"></script>
        <!-- prettyPhoto -->
        <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
        <!-- qTip -->
        <script src="js/jquery.qtip.min.js" type="text/javascript"></script>
        <!-- jQuery mobile gmaps -->
        <script src="js/jquery.mobilegmap.min.js" type="text/javascript"></script>
        <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script> 
        <!-- Contact Form -->
        <script src="js/contact_form.js" type="text/javascript"></script>
        <!-- Settings -->
        <script src="js/main.js" type="text/javascript"></script>
        <!-- Modernizr -->
		<script src="js/modernizr.custom.48780.js" type="text/javascript"></script> 
        
<script src="javascript/jquery.slider.min.js" type="text/javascript"></script>
  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />


        <!-- Demo Preview -->
        <script src="preview/jquery.slidePanel.min.js" type="text/javascript"></script>
        <script type="text/javascript">
	    $(document).ready(function(){		
		   $('#style_switcher_panel').slidePanel({
			   triggerName: '#trigger',
			   triggerTopPos: '100px',
			   panelTopPos: '100px'
		   });
		
		   $('.precy').click(function (){
			   var bg = $(this).attr('title');
			   $('body').css("background-image",bg)
		   });		
	    });


      jQuery(document).ready(function($) {
  $(".slider").slideshow({
    width      : 540,
    height     : 241,
    transition : 'SquareRandom'
  });
});

       $(function() {
    $( "#datepicker1" ).datepicker();
  });
       $(function() {
    $( "#datepicker2" ).datepicker();
  });
	    </script>
        
        <!--[if lt IE 7]>
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
        <![endif]-->
        <!--[if lt IE 8]>
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
        <![endif]-->
        <!--[if lt IE 9]>
        <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
        <![endif]-->
        
		<noscript>
			<style>
			.step {				
				position: relative;
			}
			.step:not(.active) {
				opacity: 1;
				filter: alpha(opacity=99);
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
			}
			.step:not(.active) a.jms-link{
				opacity: 1;
				margin-top: 40px;
			}
			</style> 
		</noscript> 
    </head>
    <body>
    
     
    
        <div class="container">
			<header>
              <div class="sixteen columns">
                    <div class="My_name">
                        <img src="logo.png" width="20%" alt="logo">
                        
                    </div>
              </div> 
              
			  <!-- Primary Navigation -->
			  <nav id="menu" class="sixteen columns" >
				  <ul id="nav">	<!-- <nav> -->			
					  <li class="active">
						  <a href="#home">Inicio</a>
					  </li>
					  <li>
						  <a href="#resume">Nuestro grupo</a>
					  </li>
					  <li>
						  <a href="#lineas">Lineas</a>
					  </li>
            <li>
              <a href="#services">Servicios</a>
            </li>
					  <li>
						  <a href="#portfolio">Destinos</a>
					  </li>
					  <li>
						  <a href="#atencion">Atencion a clientes</a>
					  </li>
            <li>
              <a href="#contacto">Siguenos</a>
            </li>
				  </ul>
  
			      <!-- Dropdown Menu For Mobile Device -->
			      <select id="dd_menu">
					 <option value="#home">Inicio</option>
					 <option value="#resume">Nuestro grupo</option>
					 <option value="#lineas">Lineas</option>
					 <option value="#portfolio">Servcicios</option>
					 <option value="#portfolio">Destinos</option>
           <option value="#atencion">Atención a clientes</option>		
           <option value="#contacto">Siguenos</option>   

			      </select>
			      <!-- Dropdown Menu End -->               
			  </nav><!-- #primary -->  
          	
			</header>
 
			<section id="jms-slideshow" class="jms-slideshow sixteen columns">
				<div id="home" class="step" data-x="2000" data-y="1000" data-z="3000" data-rotate="-20">
					<div id="jms-content">
                            <div class="five columns"> 
                             <div class="block">
                                 <div class="portrait" align="center">
                                      <h4 style="margin-bottom:0px;">Compra y consulta</h4>
                                   
                                 </div>
                                 <table width="100%">
                                    <tr align="center">
                                        <td><label style="margin-top:5px;">Redondo</label><input type="radio" name="group1" value="redondo" checked> </td>
                                        <td><label style="margin-top:5px;">Sencillo</label><input type="radio" name="group1" value="sencillo"> </td>
                                    </tr>
                                    <tr align="left">
                                        <td  colspan="2"><label style="margin-top:5px;">Origen</label><input type="texto" name="origen" style="width:100%;"> </td>
                                        
                                    </tr>
                                    <tr align="left">
                                        <td  colspan="2"><label style="margin-top:5px;">Destino</label><input type="texto" name="destino"  style="width:100%;"> </td>
                                        
                                    </tr>
                                    <tr align="left">
                                        <td  colspan="2"><label style="margin-top:5px;">Salida</label><input type="texto" name="salida"  style="width:100%;" id="datepicker1"> </td>
                                        
                                    </tr>
                                    <tr align="left">
                                        <td  colspan="2"><label style="margin-top:5px;">Hora</label>
                                            <select  style="width: 100%"><option value="--Seleccione--">--Seleccione--</option><option value="madrugada">madrugada</option><option value="mañana">mañana</option><option value="tarde">tarde</option><option value="noche">noche</option><option value="00:00 hrs">00:00 hrs</option><option value="01:00 hrs">01:00 hrs</option><option value="02:00 hrs">02:00 hrs</option><option value="03:00 hrs">03:00 hrs</option><option value="04:00 hrs">04:00 hrs</option><option value="05:00 hrs">05:00 hrs</option><option value="06:00 hrs">06:00 hrs</option><option value="07:00 hrs">07:00 hrs</option><option value="08:00 hrs">08:00 hrs</option><option value="09:00 hrs">09:00 hrs</option><option value="10:00 hrs">10:00 hrs</option><option value="11:00 hrs">11:00 hrs</option><option value="12:00 hrs">12:00 hrs</option><option value="13:00 hrs">13:00 hrs</option><option value="14:00 hrs">14:00 hrs</option><option value="15:00 hrs">15:00 hrs</option><option value="16:00 hrs">16:00 hrs</option><option value="17:00 hrs">17:00 hrs</option><option value="18:00 hrs">18:00 hrs</option><option value="19:00 hrs">19:00 hrs</option><option value="20:00 hrs">20:00 hrs</option><option value="21:00 hrs">21:00 hrs</option><option value="22:00 hrs">22:00 hrs</option><option value="23:00 hrs">23:00 hrs</option></select>
                                        </td>
                                        
                                    </tr>
                                    <tr align="left">
                                        <td  colspan="2"><label style="margin-top:5px;">Regreso</label><input type="texto" name="salida"  style="width:100%;" id="datepicker2"> </td>
                                        
                                    </tr>
                                    <tr align="left">
                                        <td  colspan="2"><label style="margin-top:5px;">Hora</label>
                                            <select  style="width: 100%"><option value="--Seleccione--">--Seleccione--</option><option value="madrugada">madrugada</option><option value="mañana">mañana</option><option value="tarde">tarde</option><option value="noche">noche</option><option value="00:00 hrs">00:00 hrs</option><option value="01:00 hrs">01:00 hrs</option><option value="02:00 hrs">02:00 hrs</option><option value="03:00 hrs">03:00 hrs</option><option value="04:00 hrs">04:00 hrs</option><option value="05:00 hrs">05:00 hrs</option><option value="06:00 hrs">06:00 hrs</option><option value="07:00 hrs">07:00 hrs</option><option value="08:00 hrs">08:00 hrs</option><option value="09:00 hrs">09:00 hrs</option><option value="10:00 hrs">10:00 hrs</option><option value="11:00 hrs">11:00 hrs</option><option value="12:00 hrs">12:00 hrs</option><option value="13:00 hrs">13:00 hrs</option><option value="14:00 hrs">14:00 hrs</option><option value="15:00 hrs">15:00 hrs</option><option value="16:00 hrs">16:00 hrs</option><option value="17:00 hrs">17:00 hrs</option><option value="18:00 hrs">18:00 hrs</option><option value="19:00 hrs">19:00 hrs</option><option value="20:00 hrs">20:00 hrs</option><option value="21:00 hrs">21:00 hrs</option><option value="22:00 hrs">22:00 hrs</option><option value="23:00 hrs">23:00 hrs</option></select>
                                        </td>
                                        
                                    </tr>
                                    <tr align="center">

                                        <td  colspan="2"><br><input type="button" value="Consultar"></td>
                                        
                                    </tr>
                                 </table>
                             </div>
                            </div>
                          
                            <div class="ten columns">
                             <div class="block"> 
                                    <div class="slider">
                                      <div>
                                        <img src="images/slide/1.jpg" alt=""/>
                                      </div>
                                      
                                      <div>
                                        <img src="images/slide/2.jpg" alt=""/>
                                      </div>
                                      
                                      <div>
                                        <img src="images/slide/3.jpg" alt=""/>
                                      </div>
                                      
                                      <div>
                                        <img src="images/slide/4.jpg" alt=""/>
                                      </div>

                                      <div >
                                        <img src="images/slide/5.jpg" alt=""/>
                                      </div>
                                    </div>                                
                                     
                                     <div style="width:100%">
                                        <div style="width:33%; float:left;" align="center">
                                          <img src="images/clima/nublado.png">
                                          <p>Clima para el dia de hoy<br>Ciudad de México<br>25ºC</p>
                                        </div>
                                        <div style="width:33%; float:left;" align="center">
                                          <img src="images/oxxo.png">
                                          <p>Compra tus boletos<br>en tu tienda OXXO<br>mas cercana</p>
                                        </div>
                                        <div style="width:33%; float:left;" align="center">
                                          <img src="images/contacto.png">
                                          <p>Llama al<br>01 800 507 5500<br>Mexico D.F.<br>5729 0807</p>
                                        </div>
                                    </div>


                                                            
                               
                             </div>                           
                            </div>
                            
                            
					</div>
				</div>
                
				<div id="resume" class="step" data-x="1000" data-z="2000" data-rotate="20">
					<div id="jms-content1">
                              <div class="one-third column" style="width:100%;">
                               <div class="block">
                                   <div align="center" class="title">
                                      <h2>Breve historia del Grupo Estrella Blanca</h2>
                                   </div>   
                                    <div class="detailsCol">
                                       <ul class="employment_ul">
                                          <li>
<p>El final de la década de los años treinta fue un periodo de desarrollo en México, pasado el movimiento revolucionario el país entro en un estado de consolidación por lo que se atendió a las infraestructuras, que habían sido dañadas y no habían crecido, la mayoría se encontraba al mismo nivel que a finales de la primera década del siglo pasado. Un sector importante dentro de este movimiento fue el transporte. El gobierno federal invirtió fuertes cantidades en la construcción de carreteras para mejorar la comunicación entre los poblados. Aparejado a esto fue la creación de empresas para transportar pasajeros, tal fue el caso de las ciudades de Pachuca y Querétaro cuando los gobernadores de Hidalgo y Querétaro, José Rojo Lugo y Noradino Rubio respectivamente, promueven la creación de empresa transportistas, una de la cuales tuvo por nombre: "Sociedad Cooperativa de Transportes Nacionales del Centro Estrella Blanca".</p><br>


<p>En esa época un grupo de personas del estado de Hidalgo decidieron sumarse a este proceso. Lograron obtener el permiso para transportar pasajeros en la ruta México-Pachuca-Querétaro. Ninguno de ellos tenía una gran fortuna sin embargo lograron reunir con gran esfuerzo un capital de treinta y cuatro mil pesos, con el cual y junto con un crédito que obtuvieron, compraron seis camiones Ford con carrocerías de veintiún y veinticinco asientos. La mañana del 15 de septiembre de 1940. Se selló el primero de millones de boletos de pasaje que esta empresa, transformada, ha proporcionado desde entonces.</p><br>

<p>Estrella blanca se caracterizó desde sus inicios por la fusión con otras líneas de transporte. Esto permitió tener acceso fácil a créditos refaccionarios y extender la cobertura ofrecida, aumentando la fuerza de la empresa lo que atrajo a nuevos socios. En un largo proceso que inicia en 1949, fue creciendo primero con líneas de servicio regular y luego de servicio de primera, como 'Transportes chihuahuenses' en 1978; empezando por el centro y occidente del país, en seguida por el norte y el golfo, posteriormente por el sur, hasta llegar en el año de 1994 con la última adquisición, las empresas del grupo 'Tres estrellas de oro', que cubría la ruta de la Ciudad de México a Tijuana, llegando con esto a la actual cobertura en veintiséis estados de la república. En 1989 se creó Turistar, con la cual se incursiono en el servicio de tipo ejecutivo. Para 1992 se lanzo la marca Futura para el servicio de primera, que es la que tiene el mayor tamaño dentro del grupo. El servicio de paquetería se inicio desde mediados de la década de los años sesenta, aprovechando las cajuelas de los autobuses, desde entonces ha sido un área importante dentro de la empresa.</p><br>

<p>Siempre buscando satisfacer las necesidades de transporte de sus clientes, la empresa ha creado recientemente marcas que tienen una cobertura regional, con una fuerte presencia local, como Rápidos Cuauhtémoc en el corredor de la ciudad de Chihuahua a Creel en la Sierra Tarahumara, Autobuses Seris de Hermosillo a Guaymas, - Argenta en el trayecto de Aguascalientes a Zacatecas. Con la inquietud de renovar para mejorar el servicio, en 2011 se han creado sub marcas que proporcionan un servicio inclusive mejor al de primera, conocido como 'Plus', que cuentan con autobuses equipados con la tecnología más reciente en materia de seguridad y confort.</p><br>

<p>Grupo Estrella Blanca estará siempre en la vanguardia de la transportación de pasajeros, sabe que no hay nada ganado, que tiene que continuar día a día trabajando por proporcionar un servicio de excelencia a sus clientes, con el mismo entusiasmo y alegría del primer día, como esa asoleada mañana de un 15 de septiembre en Querétaro y en la ciudad de México, que en 2010 cumplió setenta años.</p><br>
                                          <span class="place">Misión y Visión</span>
                                          </li>
                                          
                                       </ul>
                                    </div>
                               </div>
                              </div>
     
                             



					</div>
				</div>

        <div id="lineas" class="step" data-x="2000" data-y="1500" data-z="1000" data-rotate="20">
          <div id="jms-content2">
                          <!-- Services -->
                          <div class="sixteen columns">
                               <div class="block2">
                          <div>
                                
                         <div class="four columns omega">
                           <div >
                             <img src="images/lineas/1.gif" alt="Community">
                           </div>
                         </div>
                
                         <div class="four columns omega">
                           <div >
                             <img src="images/lineas/2.gif" alt="Branding">
                           </div>
                         </div>
                
                         <div class="four columns omega">
                           <div >
                              <img src="images/lineas/3.gif" alt="Development">
                           </div>
                         </div>
                
                         <div class="four columns omega">
                           <div >
                              <img src="images/lineas/4.gif" alt="Support">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div>
                              <img src="images/lineas/5.gif" alt="Support">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div>
                              <img src="images/lineas/6.gif" alt="Support">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/lineas/7.gif" alt="Support">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/lineas/8.gif" alt="Support">
                           </div>                 
                         </div>

                         <div style="width:100%;" align="center">
                          <iframe src="http://www.estrellablanca.com.mx/images/eb/estatico/panelcentral/AutobusesEjecutivo.html" width="610" height="200" frameborder="0" scrolling="no"></iframe>
                         </div>
                         

                                 
                          </div>
                           </div>             
                              </div>
          </div>
        </div>
                
				<div id="services" class="step" data-x="2000" data-y="1500" data-z="1000" data-rotate="20">
					<div id="jms-content3">
                          <!-- Services -->
                          <div class="sixteen columns">
                               <div class="block2">
                          <div>
                                
                         <div class="four columns omega">
                           <div >
                             <img src="images/services/1.gif" alt="Community" width="196" height="118">
                           </div>
                         </div>
                
                         <div class="four columns omega">
                           <div >
                             <img src="images/services/2.gif" alt="Branding" width="196" height="118">
                           </div>
                         </div>
                
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/3.gif" alt="Development" width="196" height="118">
                           </div>
                         </div>
                
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/4.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div>
                              <img src="images/services/5.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div>
                              <img src="images/services/6.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/7.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/8.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/9.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/10.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/11.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/12.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/13.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/14.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/15.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/16.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/17.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         <div class="four columns omega">
                           <div >
                              <img src="images/services/18.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div><div class="four columns omega">
                           <div >
                              <img src="images/services/19.gif" alt="Support" width="196" height="118">
                           </div>                 
                         </div>
                         

                                 
                          </div>
                           </div>             
                              </div>
          </div>
				</div>
                
				<div id="portfolio" class="step" data-x="3000" data-y="2000">
					<div id="jms-content4">

                              <div class="sixteen columns">
                               <div class="block2">

						           <!-- Filter nav -->
                                   <ul class="filter">
                                      <li class="current all"><a href="#">Ver todo</a></li>
                                      <li class="nacionales"><a href="#">Todo Nacionales</a></li>
                                      <li class="internacionales"><a href="#">Internacionales</a></li>
                                       <li class="durango"><a href="#">Durango</a></li>
                                   </ul>
                                   <!-- End filter nav -->


	                               <!-- Portfolio Items -->
	                               <ul class="portfolio group">

                                       <li class="item four columns omega" data-id="id-1" data-type="nacionales durango" >
                                        <a href="#" data-rel="prettyPhoto[portfolio]">
                                          <div class="flip box fade">
                                           <div class="rollover">
                                            <div class="cube">
                                            
                                             <figure class="front">
                                                  <img src="images/portfolio_images/image_1.jpg" alt=""/>
                                             </figure><!--front-->
        
                                             <section class="back">
                                              <div class="back-wrap">
                                                  <h3>Sed sed orci risus</h3>
                                                  <p>Proin eu purus purus, eu viverra nisi. Vestibulum tincidunt consectetur diam, at iaculis ipsum aliquet in.</p>  
                                              </div><!--back-wrap-->
                                             </section><!--back-->
                                             
                                            </div><!--cube-->
                                           </div><!--rollover-->
                                          </div><!--flip-->
                                        </a>
                                       </li><!--box1 ends here-->

		                               <li class="item four columns omega" data-id="id-2" data-type="nacionales">
                                        <a href="#" data-rel="prettyPhoto[portfolio]">
                                          <div class="flip box fade">
                                           <div class="rollover">
                                            <div class="cube">
                                            
                                             <figure class="front">
                                                  <img src="images/portfolio_images/image_2.jpg" alt=""/>
                                             </figure><!--front-->
        
                                             <section class="back">
                                              <div class="back-wrap">
                                                  <h3>Curabitur id nisl sapien</h3>
                                                  <p>Proin in sem odio, et faucibus felis. Vestibulum sed justo vitae massa varius pellentesque.</p>  
                                              </div><!--back-wrap-->
                                             </section><!--back-->
                                             
                                            </div><!--cube-->
                                           </div><!--rollover-->
                                          </div><!--flip-->
                                        </a>
		                               </li>

		                               <li class="item four columns omega" data-id="id-3" data-type="internacionales"> 
                                        <a href="#" data-rel="prettyPhoto[portfolio]"> 
                                          <div class="flip box fade">
                                           <div class="rollover">
        
                                            <div class="cube">
                                             <figure class="front">
                                                  <img src="images/portfolio_images/image_3.jpg" alt=""/>
                                             </figure><!--front-->
        
                                             <section class="back">
                                              <div class="back-wrap">
                                                  <h3>Donec quis velit nisi</h3>
                                                  <p>Curabitur non dolor at ligula ultrices dictum. Sed sit amet aliquam ante.</p>  
                                              </div><!--back-wrap-->
                                             </section><!--back-->
                                             
                                            </div><!--cube-->
                                           </div><!--rollover-->
                                          </div><!--flip-->
                                        </a>
		                               </li>

		                               <li class="item four columns omega" data-id="id-4" data-type="nacionales">
                                        <a href="#" data-rel="prettyPhoto[portfolio]">
                                          <div class="flip box fade">
                                           <div class="rollover">
        
                                            <div class="cube">
                                             <figure class="front">
                                                  <img src="images/portfolio_images/image_4.jpg" alt=""/>
                                             </figure><!--front-->
        
                                             <section class="back">
                                              <div class="back-wrap">
                                                  <h3>Nulla dictum hendrerit dui</h3>
                                                  <p>Etiam ultrices arcu at turpis volutpat porta. Donec pharetra lobortis nulla nec posuere.</p>  
                                              </div><!--back-wrap-->
                                             </section><!--back-->
                                             
                                            </div><!--cube-->
                                           </div><!--rollover-->
                                          </div><!--flip-->
                                        </a>
		                               </li>

		                               <li class="item four columns omega" data-id="id-5" data-type="internacionales">
                                        <a href="#" data-rel="prettyPhoto[portfolio]">
                                          <div class="flip box fade">
                                           <div class="rollover">
        
                                            <div class="cube">
                                             <figure class="front">
                                                  <img src="images/portfolio_images/image_5.jpg" alt=""/>
                                             </figure><!--front-->
        
                                             <section class="back">
                                              <div class="back-wrap">
                                                  <h3>Phasellus vel leo tortor</h3>
                                                  <p>Praesent hendrerit aliquet iaculis. Nunc non erat a mi condimentum convallis.</p>  
                                              </div><!--back-wrap-->
                                              
                                             </section><!--back-->
                                            </div><!--cube-->
                                           </div><!--rollover-->
                                          </div><!--flip-->
                                        </a>
		                               </li>

		                               <li class="item four columns omega" data-id="id-6" data-type="nacionales durango">
                                        <a href="#" data-rel="prettyPhoto[portfolio]">
                                          <div class="flip box fade">
                                           <div class="rollover">
        
                                            <div class="cube">
                                             <figure class="front">
                                                  <img src="images/portfolio_images/image_6.jpg" alt=""/>
                                             </figure><!--front-->
        
                                             <section class="back">
                                              <div class="back-wrap">
                                                  <h3>Etiam ut ultrices nibh</h3>
                                                  <p>Sed auctor consequat auctor. Maecenas non nisi erat.</p>  
                                              </div><!--back-wrap-->
                                             </section><!--back-->
                                             
                                            </div><!--cube-->
                                           </div><!--rollover-->
                                          </div><!--flip-->
                                        </a>
		                               </li>

		                               <li class="item four columns omega" data-id="id-7" data-type="nacionales">
                                        <a href="#" data-rel="prettyPhoto[portfolio]">
                                          <div class="flip box fade">
                                           <div class="rollover">
        
                                            <div class="cube">
                                             <figure class="front">
                                                  <img src="images/portfolio_images/big/image_7.jpg" alt=""/>
                                             </figure><!--front-->
        
                                             <section class="back">
                                              <div class="back-wrap">
                                                  <h3>Phasellus convallis</h3>
                                                  <p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>  
                                              </div><!--back-wrap-->
                                             </section><!--back-->
                                             
                                            </div><!--cube-->
                                           </div><!--rollover-->
                                          </div><!--flip-->
                                        </a> 
		                               </li>

		                               <li class="item four columns omega" data-id="id-8" data-type="nacionales">
                                        <a href="#" data-rel="prettyPhoto[portfolio]">
                                          <div class="flip box fade">
                                           <div class="rollover">
        
                                            <div class="cube">
                                             <figure class="front">
                                                 <img src="images/portfolio_images/image_8.jpg" alt=""/>
                                            </figure><!--front-->
        
                                            <section class="back">
                                             <div class="back-wrap">
                                                 <h3>Vestibulum sapien dui</h3>
                                                 <p>Suspendisse arcu massa, tincidunt non faucibus nec, elementum in arcu.</p>  
                                             </div><!--back-wrap-->
                                            </section><!--back-->
                                            
                                           </div><!--cube-->
                                          </div><!--rollover-->
                                         </div><!--flip-->
                                       </a>
		                              </li>

		                              <li class="item four columns omega" data-id="id-9" data-type="internacionales">
                                       <a href="#" data-rel="prettyPhoto[portfolio]"> 
                                         <div class="flip box fade">
                                          <div class="rollover">
        
                                           <div class="cube">
                                            <figure class="front">
                                                 <img src="images/portfolio_images/image_9.jpg" alt=""/>
                                            </figure><!--front-->
        
                                            <section class="back">
                                             <div class="back-wrap">
                                                 <h3>Maecenas id nisi urna</h3>
                                                 <p>Sed arcu enim, condimentum a auctor vitae, imperdiet varius nisi. In laoreet pharetra venenatis.</p>  
                                             </div><!--back-wrap--> 
                                            </section><!--back-->
                                            
                                           </div><!--cube-->
                                          </div><!--rollover-->
                                         </div><!--flip-->
                                       </a>
		                              </li>

		                              <li class="item four columns omega" data-id="id-10" data-type="nacionales">
                                       <a href="#" data-rel="prettyPhoto[portfolio]">
                                         <div class="flip box fade">
                                          <div class="rollover">
        
                                           <div class="cube">
                                            <figure class="front">
                                                 <img src="images/portfolio_images/image_10.jpg" alt=""/>
                                            </figure><!--front-->
        
                                            <section class="back">
                                             <div class="back-wrap">
                                                 <h3>Lorem ipsum</h3>
                                                 <p>Ei nusquam officiis luptatum sed. Et wisi viderer vix. Eu pro tantas dei alienum, pri atentio recusabo gubergren.</p>  
                                             </div><!--back-wrap-->
                                            </section><!--back-->
                                            
                                           </div><!--cube-->
                                          </div><!--rollover-->
                                         </div><!--flip-->
                                       </a> 
		                              </li>

		                              <li class="item four columns omega" data-id="id-11" data-type="nacionales">
                                       <a href="#" data-rel="prettyPhoto[portfolio]">
                                         <div class="flip box fade">
                                          <div class="rollover">
        
                                           <div class="cube">
                                            <figure class="front">
                                                 <img src="images/portfolio_images/image_11.jpg" alt=""/>
                                            </figure><!--front-->
        
                                            <section class="back">
                                             <div class="back-wrap">
                                                 <h3>Cras commodo</h3>
                                                 <p>Pellentesque elementum diam feugiat odio venenatis a sagittis erat dignissim.</p>  
                                             </div><!--back-wrap-->
                                            </section><!--back-->
                                            
                                           </div><!--cube-->
                                          </div><!--rollover-->
                                         </div><!--flip-->
                                       </a>
		                              </li>

		                              <li class="item four columns omega" data-id="id-12" data-type="nacionales durango">
                                       <a href="#" data-rel="prettyPhoto[portfolio]">
                                         <div class="flip box fade">
                                          <div class="rollover">
        
                                           <div class="cube">
                                            <figure class="front">
                                                 <img src="images/portfolio_images/image_12.jpg" alt=""/>
                                            </figure><!--front-->
        
                                            <section class="back">
                                             <div class="back-wrap">
                                                 <h3>Sed arcu enim</h3>
                                                 <p>Quisque sodales, dolor sit amet molestie malesuada, libero nunc facilisis lacus.</p>  
                                             </div><!--back-wrap-->
                                            </section><!--back-->
                                            
                                           </div><!--cube-->
                                          </div><!--rollover-->
                                         </div><!--flip--> 
                                       </a>
		                              </li>

	                              </ul>    
				               <!-- End Portfolio Items -->
                               </div> 
                              </div>
					</div>
				</div>
                
				<div id="contacto" class="step" data-x="4000" data-y="1500" data-z="1000" data-rotate="-20">
					<div id="jms-content5"> 
                        
                       <div class="ten columns" style="width:100%;" align="center">
                        <div class="block">

                            <img src="images/images/blanca/atencion_clientes.jpg"><br>
                                  <br>
                            <img src="images/descuento.jpg">
                            <div class="social_icons" align="center">
                              <h2>Siguenos en: </h2>
                                 <img src="images/face.png">
                                 <img src="images/twitter.png">
                                 <img src="images/youtube.png">
                                 <img src="images/google.png">
                              </div> 
                         
                             <div style="display:none;" class="gmap" id="map" data-center="98 Norman Grove, London, United Kingdom" data-zoom="15">
                                 <address>
                                    <strong>98 Norman Grove</strong><br />
                                            London, United Kingdom<br /> 
                                 </address>
                              </div>
                             
                         </div>                        
                        </div>

                             
					</div>
				</div>
        <div id="atencion" class="step" data-x="4000" data-y="1500" data-z="1000" data-rotate="-20">
          <div id="jms-content6"> 
                        
                       <div class="ten columns">
                        <div class="block">

                            <div class="title">
                                <h2>Contáctanos</h2>
                            </div>
                         
                             <div  data-zoom="15">
                                 <address>
                                  <img src="images/atencion/atencion.jpg" width="70%">
                                  <br>
                                    <strong>Grupo Estrella Blanca<br>
                                              Oficina Corporativa
                                              Avenida Poniente 140 No. 859.<br>
                                              Col. Industrial Vallejo<br>
                                              C.P. 02300, México, D.F.<br>
                                              (55) 57 29 08 07
                                              01800 507 55 00</strong><br />
                                            <br /> 
                                 </address>
                              </div>
                             
                         </div>                        
                        </div>

                        <div class="six columns">
                         <div class="block end"> 
                          <div class="title">
                              <h2>Escribenos</h2>
                          </div>
                                <div id="contact-wrapper">
                                <form id="contactform" action="#">
                      <fieldset class="info_fieldset">
                    <div id="note"></div>
                                </fieldset> 
                                <label>Nombre</label>
                  <input class="textbox" type="text" name="name" value="" /><br />
                                <label>Correo</label>
                  <input class="textbox" type="text" name="email" value="" /><br />
                                <label>Mensaje</label>
                  <textarea class="textbox" name="message" rows="5" cols="25" ></textarea><br />
                  <input class="button" type="submit" value="Enviar mensaje" />
                                </form>
                                </div>
                         </div>   
                        </div>       
          </div>
        </div>
			</section>
        </div>       
    </body>
</html>